<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>goodslist.jsp</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/goodslistlogo.css">
<link rel="stylesheet" type="text/css" href="css/onebanner.css" />
<link rel="stylesheet" type="text/css" href="css/criteria.css" />
<link rel="stylesheet" type="text/css" href="css/foot.css" />
<link rel="stylesheet" type="text/css" href="css/phone_items.css" />
<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
</head>
<body>
<div class="max" style="border:1px solid blue">
	<!-- 顶部 -->
	<div class="header" id="top">
		<div class="w" style="width:1300px;">
			<div class="fl"><img src="img/home_index.PNG" width="22px" height="22px" style="margin-bottom: 4px;"><a href="index.jsp">京东首页</a></div>
			<div class="fr" style="position:relative;">
			<!-- 判断用户是否登入 并根据结果来显示不同的信息-->
			<c:if test="${empty(user)}">
				<a href="#">您好，请登录</a>
				<a class="red" href="#">免费注册</a>
			</c:if>
			<c:if test="${!empty(user)}">
				<div id="user" style="float:left;">
					<a href="#">${user.username}
					<i class="fa fa-angle-down"></i></a>
					<div id="user_none" style="display:none;position:absolute;left:0px;top:30px;z-index:99;width:220px;height:80px;background:#fff">
						<img alt="" src="img/no_login.jpg" width="60" height="60" style="border-radius: 35px;margin-top:10px;">
						<div style="float:right;font-size: 14px;margin-top:5px;margin-right:5px;"><a href="${pageContext.request.contextPath}/UsersServlet?method=exitUser">退出</a></div>
						<div style="margin-right:70px;margin-top:15px;float:right;width:51px;height:16px;background-image:url('img/sprite.shortcutUsername.png');background-repeat: no-repeat;background-position: 0 -42px;"></div>
						<p style="float: right;margin-top:-25px;margin-right:20px;"><a href="#">试用PLUS会员领运费券></a></p>
						<div class="cb"></div>
					</div>
				</div>
				<script type="text/javascript">
					$(function(){
						$("#user").hover(function(){
							$("#user_none").css("display","block");
						},function(){
							$("#user_none").css("display","none");	
						});
					});
				</script>
				</c:if>
				
				<small>|</small>
				<a href="#">我的订单</a>
				<small>|</small>
				<div class="text-block">
					<a href="#">我的京东<i class="fa fa-angle-down"></i></a>
					<div class="text-none myjd">	
						
						<dl class="width50 fl">
							<dt>待处理订单</dt>
							<dd>返修退换货</dd>
							<dd>降价商品</dd>
							
							<dd>我的京豆</dd>
							<dd>我的白条</dd>
						</dl>
						<dl class=" fl">
							<dt>消息</dt>
							<dd>我的问答</dd>
							<dd>我的关注</dd>
							<dd>我的优惠券</dd>
							<dd>我的理财</dd>
						</dl>
						<div class="cb"></div>
					</div>
				</div>
				
				<small>|</small>
				<a href="#">京东会员</a>
				<small>|</small>
				<a href="#">企业采购</a>
				<small>|</small>
				<div class="text-block">
					<a href="#">客户服务<i class="fa fa-angle-down"></i></a>
					<div class="text-none fuwu">	
						<dl class="text-c-none fl">			
							<dt>客户</dt>
							<dd>帮助中心</dd>
							<dd>在线客服</dd>
							<dd>客服邮箱</dd>
						</dl>
						<dl class="width50 fl">
							<dt>&nbsp;</dt>
							<dd>售后服务</dd>
							<dd>意见建议</dd>
						</dl>
						<div class="cb"></div>
						<dl class="text-c-none border-t-d mar-top">
							<dt>商户</dt>
							<dd>京东商学院</dd>
						</dl>	
					</div>
				</div>
				<small>|</small>
				<div class="text-block">
					<a href="#">网站导航<i class="fa fa-angle-down"></i></a>
					<div id="daohang" class="text-none">
						<div class="fl daohang-fore">
							<div class="width20 border-r">
							<h2>特色主题</h2>
							<ul class="fl">
								<li><a href="#">京东试用</a></li>
								<li><a href="#">京东会员</a></li>
								<li><a href="#">装机大师</a></li>
								<li><a href="#">优惠券</a></li>
								<li><a href="#">金融科技</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">京东金融</a></li>
								<li><a href="#">京东预售</a></li>
								<li><a href="#">0元评测</a></li>
								<li><a href="#">秒杀商品</a></li>
								<li><a href="#">In货推荐</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">金球售</a></li>
								<li><a href="#">买什么</a></li>
								<li><a href="#">定期送</a></li>
								<li><a href="#">闪购</a></li>
								<li><a href="#">陪伴计划</a></li>
							</ul>
							<div class="cb"></div>
							</div>
						</div>
						<!-- 导航-2 -->
						<div class="fl daohang-fore">
							<div class="width20 border-r">
							<h2>行业霸道</h2>
							<ul class="fl">
								<li><a href="#">手机</a></li>
								<li><a href="#">电脑办公</a></li>
								<li><a href="#">服装城</a></li>
								<li><a href="#">母婴</a></li>
								<li><a href="#">整车</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">智能数码</a></li>
								<li><a href="#">家用电器</a></li>
								<li><a href="#">京东生鲜</a></li>
								<li><a href="#">食品</a></li>
								<li><a href="#">图书</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">玩3c</a></li>
								<li><a href="#">京东智能</a></li>
								<li><a href="#">家装城</a></li>
								<li><a href="#">农资频道</a></li>
								<li><a href="#">京东元器件</a></li>
							</ul>
							<div class="cb"></div>
							</div>
						</div>
						<!-- 导航-3 -->	
						<div class="fl daohang-fore">
							<div class="width20 border-r">
							<h2>生活服务</h2>
							<ul class="fl">
								<li><a href="#">京东众筹</a></li>
								<li><a href="#">京东小金库</a></li>
								<li><a href="#">话费</a></li>
								<li><a href="#">旅行</a></li>
								<li><a href="#">京东到家</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">白条</a></li>
								<li><a href="#">理财</a></li>
								<li><a href="#">水电费</a></li>
								<li><a href="#">机票酒店</a></li>
								<li><a href="#">游戏</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">京东金融App</a></li>
								<li><a href="#">智能家店</a></li>
								<li><a href="#">彩票</a></li>
								<li><a href="#">电影票</a></li>
							</ul>
							<div class="cb"></div>
							</div>
						</div>
						<!-- 导航-4 -->
						<div class="fl daohang-fore">
							<div class="width20 ">
							<h2>特色主题</h2>
							<ul class="fl">
								<li><a href="#">合作招商</a></li>
								<li><a href="#">企业采购</a></li>
								<li><a href="#">乡村招募</a></li>
								<li><a href="#">京东社区</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">京东通信</a></li>
								<li><a href="#">服务市场</a></li>
								<li><a href="#">校园加盟</a></li>
								<li><a href="#">游戏社区</a></li>
							</ul>
							<ul class="fl">
								<li><a href="#">京东e卡</a></li>
								<li><a href="#">办公生活馆</a></li>
								<li><a href="#">京友邦</a></li>
								<li><a href="#">知识产权维权</a></li>
							</ul>
							<div class="cb"></div>
							</div>
						</div>
						<div class="cb"></div>
					</div>
				</div>
				<small>|</small>
				<div class="text-block">
					<a href="#">手机京东<i class="fa fa-angle-down"></i></a>
					<div class="text-none phonejd">	
						<dl>			
							<dt>
								<img src="img/571497daNe857f9ed.png" >
							</dt>
						</dl>	
					</div>
				</div>
			</div>
			<div class="cb"></div>
		</div>
	</div>
	
	
	<!-- log部分 -->
	<div style="background:#fff;">
		<div style="width:1300px;margin:0px auto;">
			<div id="logo-2014">
				<a class="logo" href="index.jsp">京东</a>
			</div>
			<div id="search-2014">
				<ul class="hide" id="shelper" style="display: none;"></ul>
				<div class="form">
					<input class="text" id="key" accesskey="s"
						onkeydown="javascript:if(event.keyCode==13) search('key');"
						type="text" autocomplete="off">
					<button class="button cw-icon"
						onclick="search('key');return false;">
						<i></i>搜索
					</button>
				</div>
			</div>
			<div class="dorpdown" id="settleup-2014">
				<div class="cw-icon">
					<i class="ci-left"></i> <i class="ci-right">&gt;</i>
					<i class="ci-count" id="shopping-amount">0</i>
						<a href="//cart.jd.com/cart.action" target="_blank">我的购物车</a>
				</div>
				<div class="dorpdown-layer">
					<div class="spacer"></div>
					<div id="settleup-content">
						<span class="loading"></span>
					</div>
				</div>
			</div>
				
			<div id="hotwords">
				<a style="color: #f30213;" href="https://shuma.jd.com/"
					target="_blank">潮流先锋</a> <a
					href="https://sale.jd.com/act/yLa5JmxzDYQ.html" target="_blank">3C新品</a>
				<a href="//nong.jd.com/" target="_blank">农资绿植</a> <a
					href="https://channel.jd.com/fashion.html" target="_blank">服装城</a>
				<a href="https://sale.jd.com/act/1CRuvs0oa76BAd.html"
					target="_blank">狂欢序幕</a> <a href="https://chaoshi.jd.com/"
					target="_blank">京东超市</a> <a href="www.jd.com" target="_blank">热水器</a>
			</div>
			<span class="clr"></span>
		</div>
	
		<div style="border-bottom: 2px solid red;">
			<div class="nav-2018">
				<div class="category"><a style="color:#fff;margin-left:45px;" href="#">全部商品分类</a>
					<div class="left_banner" style="margin-top:3px;z-index:9;display:none;">
					<ul>
						<c:forEach items="${categorymap}" var="map">
							<li class="parent">
								<a href="${pageContext.request.contextPath}/CategoryServlet?method=queryTwoCategory&catid=${map.key.catid}">${map.key.catname}</a>
								<div class="dis-none" style="display:none;z-index: 9;position:absolute;left:189px;top:37px;">
									<c:forEach items="${map.value}" var="map2">
										<c:if test="${map.key.catid eq map2.key.parentid}">
										<div>
											<div class="banner-two"><a href="#">${map2.key.catname}</a><span style="float:right">></span></div>
											<div class="banner-three">
												<c:forEach items="${map2.value}" var="map3">
													<c:if test="${map2.key.catid eq map3.parentid}">
														<span>|</span><a href="${pageContext.request.contextPath}/CategoryServlet?method=queryGoodsAll&catid=${map3.catid}" style="margin-left:5px;margin-right:5px;">${map3.catname}</a>
													</c:if>
												</c:forEach>
											</div>
											<div class="cb"></div>
										</div>
										</c:if>
									</c:forEach>
								</div>
							</li>
						</c:forEach>
					</ul>
					</div>
				</div>
				<ul class="navitems">
					<li><a href="#">服装城</a></li>
					<li><a href="#">美妆馆</a></li>
					<li><a href="#">超市</a></li>
					<li><a href="#">生鲜</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">闪购</a></li>
					<li><a href="#">拍卖</a></li>
					<li><a href="#">金融</a></li>
				</ul>
				<div class="cb"></div>
			</div>
		</div>
	</div>
	<!-- 导航栏 -->
	<script type="text/javascript">
		$(function(){
			$(".category").hover(function(){
				$(this).find(".left_banner").css("display","block");
			},function(){
				$(this).find(".left_banner").css("display","none");	
			});
			$(".parent").hover(function(){
				$(this).find(".dis-none").css("display","block");
				$(this).find(".dis-none").css("z-index","99");
			},function(){
				$(this).find(".dis-none").css("display","none");
				$(this).find(".dis-none").css("z-index","0");
			});
		});
	</script>
	
	<!-- 热卖推荐 -->
	<div>
		<div style="width:1300px;margin:0 auto;">
			<div class="hot-sales" id="J_promHotsaleWrap_46">
				<div class="hot-sales-main J_promGoodsWrap_46" id="hotsale">
					<div class="hd">热卖推荐</div>
					<div class="bd mc">
						<ul class="mc list-h clearfix" data-type="46">
							<li onclick='log("search", "list", "https://list.jd.com/list.html?cat=9987,653,655", "655", "8", "1", "7437380", "2", "1", "A", -1)' data-sku="1//im-x.jd.com/dsp/np?log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UC5zd1rx9VGi7Xb-3W7k9LNiS8tN9kDmM8XokaXoIpXFmzujfF-lBHLV0IfJG9F-2a6T_3d_OMb1IQjTBgRj8xjDgfYrhlpvzvdncdO_Jf7IvzaYf_p46uSsmr2ZJWwD7eP2F-FRL1-oKai7z1CyDvPOCCJFJpzqB0H-_8LrNOAbsNHyfueEDp7eJP_P7MDJ585UN8k-RKW-HvPylr9zcen7ATtcqjv-OQnnri0vovAyu0QJfMJZNypp7oTt04bHlNXRCCNFe4Nf9VuTtQXJUhQYb8GKknoZRgYzFg-gIaHMjv1cCOXXtVemzgEdtX_yckG1d0poc4OJ3Q2FITKSACuty4tVXWMwHtActoudXhTuGhJ0ZaQhC6jZHWbLUjI2_PLcXUVZ9a-v43MfROQw-Q5u3VB86OpZBCpZZlJ6U0oPzeah4JDWgCQ41n0Xa2xaas~&amp;v=404">
								<a title="黑莓（BlackBerry）KEY2标准版 6GB+64GB双卡双待 4G全网通手机 黑色 移动联通电信手机" class="p-img" href="http://ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly9pdGVtLmpkLmNvbS83NDM3MzgwLmh0bWw&amp;log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UC5zd1rx9VGi7Xb-3W7k9LNiS8tN9kDmM8XokaXoIpXFmzujfF-lBHLV0IfJG9F-2a6T_3d_OMb1IQjTBgRj8xjDgfYrhlpvzvdncdO_Jf7IvzaYf_p46uSsmr2ZJWwD7eP2F-FRL1-oKai7z1CyDvP3Oa3wVccHLR0jMx15taTMBdTVl21_hHvazGmy7gwUpL-uy2s44ES2cJcI_93jg_uXEcUAIPBjeIAU6one56kFnwmKsbuJ06WESpYshuft6A4Pd8eu69IRA8fu7mhfF_E2ZF_OrqbNNmYh9Ld33WTuny7DFEozhvXAt1PQ5cjDVA_ZDzNriN2FHoe7iYlj1BCYeT0mjZBsv_vB3FZo0BlUA&amp;v=404" target="_blank"> <img width="100" height="100" class="err-product" src="//img12.360buyimg.com/n4/jfs/t23689/80/2610362136/88265/d2998512/5b874f01N88c1045e.jpg" data-img="1"> </a>
								<a title="黑莓（BlackBerry）KEY2标准版 6GB+64GB双卡双待 4G全网通手机 黑色 移动联通电信手机" class="p-name" href="http://ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly9pdGVtLmpkLmNvbS83NDM3MzgwLmh0bWw&amp;log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UC5zd1rx9VGi7Xb-3W7k9LNiS8tN9kDmM8XokaXoIpXFmzujfF-lBHLV0IfJG9F-2a6T_3d_OMb1IQjTBgRj8xjDgfYrhlpvzvdncdO_Jf7IvzaYf_p46uSsmr2ZJWwD7eP2F-FRL1-oKai7z1CyDvP3Oa3wVccHLR0jMx15taTMBdTVl21_hHvazGmy7gwUpL-uy2s44ES2cJcI_93jg_uXEcUAIPBjeIAU6one56kFnwmKsbuJ06WESpYshuft6A4Pd8eu69IRA8fu7mhfF_E2ZF_OrqbNNmYh9Ld33WTuny7DFEozhvXAt1PQ5cjDVA_ZDzNriN2FHoe7iYlj1BCYeT0mjZBsv_vB3FZo0BlUA&amp;v=404" target="_blank"> <em>黑莓（BlackBerry）KEY2标准版 6GB+64GB双卡双待 4G全网通手机 黑色 移动联通电信手机</em> </a>
								<div class="p-price"> <strong><em class="number J-p-7437380">￥3999.00</em></strong> </div>
								<div class="p-btnbox">
									<a class="btn btn-default" href="//cart.jd.com/gate.action?pid=7437380&amp;pcount=1&amp;ptype=1" target="_blank">立即抢购</a>
								</div>
							</li>
							<li onclick='log("search", "list", "https://list.jd.com/list.html?cat=9987,653,655", "655", "8", "1", "26723157572", "2", "2", "A", -1)' data-sku="2//im-x.jd.com/dsp/np?log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UDC5T9ebsc2x3XLI9Y5cNMT9ld9Ie4fZ7f1jkgnuB3g-P0qQiIqUpwQzI38snQcQqqlresC87mPNfDMbQWT2ekrJQJjpRmmP5XzHecUKynBk7W_YnoWfKQgD1akiDG1sMEKmcu-NggMToAfSo9q68Ug8DDOcktPAEG9ZnW6Kgkilk32cAmVNgp91K0glvFRjI6hy-ieUHNL8WrPYThLuhH84D9vUegKcuxncfrPzumplz5S-1w0I79SYDmK5_VYX-ezAr7R87Ijif04CLD2I1kyFgkZo2gTzI1U3s5SQVonA3WgemM_wJUgkqKVDgu8fJDOoQM0yAPZuttrTx7y3M4VZOXOVGRDg2GFEX0rUIqkb5P9cxaBTg0ll7D8FuVpWDgRsSUwc1YL4_-EM6ysEWC0xJv_cOQLQPwYBlQ_C0g4vmlRJIInKd-t7bGQG-gykpM~&amp;v=404">
								<a title="邦华（BOWAY）老年机N18直板按键手机大字体 大音量老人手机超长待机三防功能机移动联通版京东自营 魅力黑" class="p-img" href="http://ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly9pdGVtLmpkLmNvbS8yNjcyMzE1NzU3Mi5odG1s&amp;log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UDC5T9ebsc2x3XLI9Y5cNMT9ld9Ie4fZ7f1jkgnuB3g-P0qQiIqUpwQzI38snQcQqqlresC87mPNfDMbQWT2ekrJQJjpRmmP5XzHecUKynBk7W_YnoWfKQgD1akiDG1sMEKmcu-NggMToAfSo9q68Ugm_veALhmKZyPna7yeu-jsSvPXvglml3HpkpqI4Akfi921UpQsAvF4NkQbBIJDQocgEJRieqzvRVc1-OtWWOG4sYWPQKfAoljNzxyz28E_70rbAwlCFBxolcZUu67afjEQnvrCfQWrDUJQE9uvS2EB6PN4M2n1g7mSKLOZNJ7k8gKwkQhWFHacIcfs_urqO8WlAxmdJkoG8XKpiyn2Yxx5T9X9XIBugBQPl-tN5q1oYM&amp;v=404" target="_blank"> <img width="100" height="100" class="err-product" src="//img12.360buyimg.com/n4/jfs/t22456/326/1475713263/220039/2bbaec25/5b618098N8e4dfe7e.jpg" data-img="1"> </a>
								<a title="邦华（BOWAY）老年机N18直板按键手机大字体 大音量老人手机超长待机三防功能机移动联通版京东自营 魅力黑" class="p-name" href="http://ccc-x.jd.com/dsp/nc?ext=aHR0cHM6Ly9pdGVtLmpkLmNvbS8yNjcyMzE1NzU3Mi5odG1s&amp;log=_7gLF9KwTbgu8lrdHYEjapPtOpWFPaPv5xBwggpb5UDC5T9ebsc2x3XLI9Y5cNMT9ld9Ie4fZ7f1jkgnuB3g-P0qQiIqUpwQzI38snQcQqqlresC87mPNfDMbQWT2ekrJQJjpRmmP5XzHecUKynBk7W_YnoWfKQgD1akiDG1sMEKmcu-NggMToAfSo9q68Ugm_veALhmKZyPna7yeu-jsSvPXvglml3HpkpqI4Akfi921UpQsAvF4NkQbBIJDQocgEJRieqzvRVc1-OtWWOG4sYWPQKfAoljNzxyz28E_70rbAwlCFBxolcZUu67afjEQnvrCfQWrDUJQE9uvS2EB6PN4M2n1g7mSKLOZNJ7k8gKwkQhWFHacIcfs_urqO8WlAxmdJkoG8XKpiyn2Yxx5T9X9XIBugBQPl-tN5q1oYM&amp;v=404" target="_blank"> <em>邦华（BOWAY）老年机N18直板按键手机大字体 大音量老人手机超长待机三防功能机移动联通版京东自营 魅力黑</em> </a>
								<div class="p-price"> <strong><em class="number J-p-26723157572">￥129.00</em></strong> </div>
								<div class="p-btnbox">
									<a class="btn btn-default" href="//cart.jd.com/gate.action?pid=26723157572&amp;pcount=1&amp;ptype=1" target="_blank">立即抢购</a>
								</div>
							</li>
							<li>
								<a title="华为（HUAWEI） P20 全网通4G全面屏美颜双摄拍照手机 亮黑色 6GB+64GB" class="p-img" href="#"> <img width="100" height="100" class="err-product" src="//img12.360buyimg.com/n4/jfs/t23845/31/2169438195/36741/b385ecbe/5b769d49N6c5b94b6.jpg" data-img="1"> </a>
								<a title="华为（HUAWEI） P20 全网通4G全面屏美颜双摄拍照手机 亮黑色 6GB+64GB" class="p-name" href="#"> <em>华为（HUAWEI） P20 全网通4G全面屏美颜双摄拍照手机 亮黑色 6GB+64GB</em> </a>
								<div class="p-price"> <strong><em class="number J-p-26695151305">￥3388.00</em></strong> </div>
								<div class="p-btnbox">
									<a class="btn btn-default" href="//cart.jd.com/gate.action?pid=26695151305&amp;pcount=1&amp;ptype=1" target="_blank">立即抢购</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="hot-sales-act" id="market">
					<div class="hd"> 促销活动</div>
					<div class="bd">
						<ul>
							<li>·
								<a href="#">有新机更有范</a>
							</li>
							<li>·
								<a href="#">自自由幻想，浪漫约“惠”</a>
							</li>
							<li>·
								<a href="#">新款充电宝1元抵21元</a>
							</li>
							<li>·
								<a href="#">狂欢世界杯 12期免息</a>
							</li>
							<li>·
								<a href="#">爆款新品抢先购</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 品牌 -->
	<div style="width:1300px;margin:0px auto;">
		<div class="sl-wrap">
			<div class="sl-key">品牌<span>:</span></div>
			<div class="sl-value">	
				<ul class="sl-b-letter" style="display:none;">
					<li style="color:red;width:70px;border:1px solid red;color:red">所有品牌</li>
					<li>A</li>
					<li>B</li>
					<li>C</li>
					<li>D</li>
					<li>E</li>
					<li>F</li>
					<li>G</li>
					<li>H</li>
					<li>I</li>
					<li>J</li>
					<li>K</li>
					<li>L</li>
					<li>M</li>
					<li>N</li>
					<li>O</li>
					<li>P</li>
					<li>Q</li>
					<li>R</li>
					<li>S</li>
					<li>T</li>
					<li>U</li>
					<li>V</li>
					<li>W</li>
					<li>X</li>
					<li>Y</li>
					<li>Z</li>
				</ul>
				<div class="cb"></div>
				<div class="brand-items" style="overflow: hidden;height:48px;margin-top:0px;margin-bottom:5px;">
					<c:forEach items="${brandlist}" var="list">
						<div class="brand">
							<img class="brandlogoimg" style="margin-left:5px;margin-top:5px;" alt="" src="../${list.brandlogo}" width="95" height="30">
							<div class="brandname">${list.brandname}</div>
						</div>
					</c:forEach>
				</div>
				<div class="cb"></div>
				<div class="sl-selected">
					<span style="position:absolute;left: 0px;top: 4px;">已选条件:</span>
					<ul class="selected">
						<!-- <li><i class="selsect-gou"></i><span>111</span></li> -->
					</ul>
				</div>
				<div class="sl-btn"><button class="btnOK">确定</button><button class="btnExit">取消</button></div>
			</div>
			<div class="sl-ext">
				<div class="ext-gengduo"><div id="genduo" style="margin-top:1px;margin-right:5px;font-size:13px;float:left;">更多</div><div class="ext-div"></div></div>
				<div class="ext-duoxuan"><div class="ext-jia"></div><div style="float:left;font-size:13px;margin-top:1px;">多选</div></div>
			</div>
		</div>
		<div class="cb" style="border-top:1px dashed #666"></div>
		
	</div>
	<script type="text/javascript">
		$(function(){
			$(".brand").hover(function(){
				$(this).find(".brandname").css({"z-index":"1","color":"red"});
				$(this).css("border","1px solid red");
			},function(){
				$(this).find(".brandname").css({"z-index":"-1","color":"#fff"});
				$(this).css("border","1px solid #DDD");
			});
			$(".ext-gengduo").hover(function(){
				$(this).css("color","red");
				$(this).find(".ext-div").css('background-position','4px -10px');
			},function(){
				$(this).css("color","#666");
				$(this).find(".ext-div").css('background-position','4px 7px');
			});
			$(".ext-gengduo").click(function(){
				if($(this).find("#genduo").text()=="更多"){
					$(this).find("#genduo").text("收起");
					$(this).parent().parent().find("ul").css("display","block");
					$(this).parent().parent().find(".brand-items").css({"overflow":"auto","height":"90px","margin-top":"5px"});
					$(this).parent().parent().find(".sl-value").css("height","120px");
					$(this).parent().parent().animate({height:'128px'});
					$(this).parent().parent().css("border","2px solid #AAA");
				}else if($(this).find("#genduo").text()=="收起"){
					$(this).find("#genduo").text("更多");
					$(this).parent().parent().find("ul").css("display","none");
					$(this).parent().parent().find(".brand-items").css({"overflow":"hidden","height":"46px","margin-top":"0px"});
					$(this).parent().parent().find(".brand-items").scrollTop(0);
					$(this).parent().parent().find(".sl-value").css("height","48px");
					$(this).parent().parent().animate({height:'48px'});
					$(this).parent().parent().css("border","2px solid #fff");
				}
			});
			$(".ext-duoxuan").hover(function(){
				$(this).css("color","red");
				$(this).find(".ext-jia").css("background-position","0 -84px");
			},function(){
				$(this).css("color","#666");	
				$(this).find(".ext-jia").css("background-position","0 -63px");
			});
			$(".sl-b-letter li").mouseover(function(){
				$(this).parent().find("li").css({"color":"#666","border":"1px solid #fff"});
				$(this).css({"color":"red","border":"1px solid red"});
				//$(this).parent().parent().find(".brand-items").empty();
				/* 此处需要用ajax局部刷新 */
			});
			$(".ext-duoxuan").click(function(){
				$(this).parent().parent().find("ul").css("display","block");
				$(this).parent().parent().find(".brand-items").css({"overflow":"auto","height":"90px","margin-top":"5px"});
				$(this).parent().parent().find(".sl-value").css("height","195px");
				$(this).parent().parent().animate({height:'200px'});
				$(this).parent().parent().css("border","2px solid #AAA");
				$(this).parent().parent().find(".sl-selected").css("display","block");
				$(this).parent().parent().find(".sl-btn").css("display","block");
			});
			$(".btnExit").click(function(){
				$(this).parent().parent().parent().find("ul").css("display","none");
				$(this).parent().parent().parent().find(".brand-items").css({"overflow":"hidden","height":"46px","margin-top":"0px"});
				$(this).parent().parent().parent().find(".brand-items").scrollTop(0);
				$(this).parent().parent().parent().find(".sl-value").css("height","48px");
				$(this).parent().parent().parent().animate({height:'48px'});
				$(this).parent().parent().parent().css("border","2px solid #fff");
				$(this).parent().parent().parent().find(".sl-selected").css("display","none");
				$(this).parent().parent().parent().find(".sl-btn").css("display","none");
			});
		});
		
	</script>
	
	<div class="phone_items" style="border:1px solid red;margin:0px auto;">
		<c:forEach items="${goodslist}" var="list">
			<div class="one_phone" style="border:1px solid red;">
				<div><a href="#"><img title="${list.goodsdesc}" src="../${list.goodsimg}" width="220" height="220"></a></div>
				<div class="phone_price">￥${list.marketprice}</div>
				<div class="phone_name"><a href="#" title="${list.goodsdesc}">${list.goodsname}</a></div>
			</div>
		</c:forEach>
		<div class="cb"></div>
		<div class="items_page" style="border:1px solid blue;">
			<a href="${page.url}&pc=1">首页</a>
			<c:if test="${page.pc>1 }">
				<a href="${page.url}&pc=${page.pc-1}">上一页</a>
			</c:if>
			<c:choose>
				<c:when test="${pb.tp <= 4}">
					<c:set var="begin" value="1" />
					<c:set var="end" value="${page.tp}" />
				</c:when>
			<c:otherwise>
				<c:set var="begin" value="${page.pc-2 }" />
				<c:set var="end" value="${page.pc+1 }" />
				<c:if test="${begin < 1}">
					<c:set var="begin" value="1" />
					<c:set var="end" value="4" />
				</c:if>
				<c:if test="${end > page.tp }">
					<c:set var="begin" value="${page.tp - 3 }" />
					<c:set var="end" value="${page.tp }" />
				</c:if>
			</c:otherwise>
		</c:choose>
		<c:forEach var="i" begin="${begin}" end="${end}">
			<c:choose>
				<c:when test="${i eq page.pc }"><em style="border: 1px solid red;width:40px;">${i}</em></c:when>
				<c:otherwise>
					<a href="${page.url }&pc=${i}"><button>${i}</button></a>
				</c:otherwise>
			</c:choose>
		</c:forEach>
							
			<c:if test="${page.pc <page.tp}">
				<a href="${page.url}&pc=${page.pc+1}">下一页</a>	
			</c:if>
			<a href="${page.url}&pc=${page.tp}">尾页</a>
		</div>
	</div>
		
	<!-- 页面尾部 -->
	<div>
		<div class="mod_container" id="app">
			<div class="floors">
				<div class="footer" id="J_footer">
					<div class="mod_service">
						<div class="grid_c1 mod_service_inner">
							<ul class="mod_service_list">
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_duo">多</h5>
										<p class="mod_service_txt">品类齐全，轻松购物</p>
									</div>
								</li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_kuai">快</h5>
										<p class="mod_service_txt">多仓直发，极速配送</p>
									</div>
								</li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_hao">好</h5>
										<p class="mod_service_txt">正品行货，精致服务</p>
									</div>
								</li>
								<li class="mod_service_item">
									<div class="mod_service_unit">
										<h5 class="mod_service_tit mod_service_sheng">省</h5>
										<p class="mod_service_txt">天天低价，畅选无忧</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="mod_help">
						<div class="grid_c1 mod_help_inner">
							<div class="mod_help_list">
								<div class="mod_help_nav">
									<h5 class="mod_help_nav_tit">购物指南</h5>
									<ul class="mod_help_nav_con">
										<li>
											<a href="//help.jd.com/user/issue/list-29.html" target="_blank">购物流程</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-151.html" target="_blank">会员介绍</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-297.html" target="_blank">生活旅行</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue.html" target="_blank">常见问题</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-136.html" target="_blank">大家电</a>
										</li>
										<li>
											<a href="//help.jd.com/user/index.html" target="_blank">联系客服</a>
										</li>
									</ul>
								</div>
								<div class="mod_help_nav">
									<h5 class="mod_help_nav_tit">配送方式</h5>
									<ul class="mod_help_nav_con">
										<li>
											<a href="//help.jd.com/user/issue/list-81-100.html" target="_blank">上门自提</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-81.html" target="_blank">211限时达</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/103-983.html" target="_blank">配送服务查询</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/109-188.html" target="_blank">配送费收取标准</a>
										</li>
										<li>
											<a href="//help.joybuy.com/help/question-list-201.html" target="_blank">海外配送</a>
										</li>
									</ul>
								</div>
								<div class="mod_help_nav">
									<h5 class="mod_help_nav_tit">支付方式</h5>
									<ul class="mod_help_nav_con">
										<li>
											<a href="//help.jd.com/user/issue/list-172.html" target="_blank">货到付款</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-173.html" target="_blank">在线支付</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-176.html" target="_blank">分期付款</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-174.html" target="_blank">邮局汇款</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-175.html" target="_blank">公司转账</a>
										</li>
									</ul>
								</div>
								<div class="mod_help_nav">
									<h5 class="mod_help_nav_tit">售后服务</h5>
									<ul class="mod_help_nav_con">
										<li>
											<a href="//help.jd.com/user/issue/321-981.html" target="_blank">售后政策</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-132.html" target="_blank">价格保护</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/130-978.html" target="_blank">退款说明</a>
										</li>
										<li>
											<a href="//myjd.jd.com/repair/repairs.action" target="_blank">返修/退换货</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-50.html" target="_blank">取消订单</a>
										</li>
									</ul>
								</div>
								<div class="mod_help_nav">
									<h5 class="mod_help_nav_tit">特色服务</h5>
									<ul class="mod_help_nav_con">
										<li>
											<a href="//help.jd.com/user/issue/list-133.html" target="_blank">夺宝岛</a>
										</li>
										<li>
											<a href="//help.jd.com/user/issue/list-134.html" target="_blank">DIY装机</a>
										</li>
										<li>
											<a href="//fuwu.jd.com/" target="_blank">延保服务</a>
										</li>
										<li>
											<a href="//o.jd.com/market/index.action" target="_blank">京东E卡</a>
										</li>
										<li>
											<a href="//mobile.jd.com/" target="_blank">京东通信</a>
										</li>
										<li>
											<a href="//s.jd.com/" target="_blank">京东JD+</a>
										</li>
									</ul>
								</div>
								<div class="mod_help_cover">
									<h5 class="mod_help_cover_tit">京东自营覆盖区县</h5>
									<div class="mod_help_cover_con">
										<p class="mod_help_cover_info">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
										<p class="mod_help_cover_more">
											<a href="//help.jd.com/user/issue/103-983.html" target="_blank">查看详情<i class="iconfont"></i></a>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="mod_copyright">
						<div class="grid_c1 mod_copyright_inner">
							<p class="mod_copyright_links">
								<a href="//about.jd.com" target="_blank">关于我们</a><span class="mod_copyright_split">|</span>
								<a href="//about.jd.com/contact" target="_blank">联系我们</a><span class="mod_copyright_split">|</span>
								<a href="//help.jd.com/user/custom.html" target="_blank">联系客服</a><span class="mod_copyright_split">|</span>
								<a href="//vc.jd.com/cooperation.html" target="_blank">合作招商</a><span class="mod_copyright_split">|</span>
								<a href="//helpcenter.jd.com/venderportal/index.html" target="_blank">商家帮助</a><span class="mod_copyright_split">|</span>
								<a href="//jzt.jd.com" target="_blank">营销中心</a><span class="mod_copyright_split">|</span>
								<a href="//app.jd.com/" target="_blank">手机京东</a><span class="mod_copyright_split">|</span>
								<a href="//club.jd.com/links.aspx" target="_blank">友情链接</a><span class="mod_copyright_split">|</span>
								<a href="//media.jd.com/" target="_blank">销售联盟</a><span class="mod_copyright_split">|</span>
								<a href="//club.jd.com/" target="_blank">京东社区</a><span class="mod_copyright_split">|</span>
								<a href="//sale.jd.com/act/FTrWPesiDhXt5M6.html" target="_blank">风险监测</a><span class="mod_copyright_split">|</span>
								<a href="//about.jd.com/privacy/" target="_blank">隐私政策</a><span class="mod_copyright_split">|</span>
								<a href="//gongyi.jd.com" target="_blank">京东公益</a><span class="mod_copyright_split">|</span>
								<a href="//en.jd.com/" target="_blank">English Site</a><span class="mod_copyright_split">|</span>
								<a href="//corporate.jd.com" target="_blank">Media &amp; IR</a>
							</p>
							<div class="mod_copyright_info">
								<div class="mod_copyright_cert">
									<p>
										<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088" target="_blank">京公网安备 11000002000088号</a><span class="mod_copyright_split">|</span><span>京ICP证070359号</span><span class="mod_copyright_split">|</span>
										<a href="//img14.360buyimg.com/da/jfs/t256/349/769670066/270505/3b03e0bb/53f16c24N7c04d9e9.jpg" target="_blank">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="mod_copyright_split">|</span><span>新出发京零&nbsp;字第大120007号</span></p>
									<p><span>互联网出版许可证编号新出网证(京)字150号</span><span class="mod_copyright_split">|</span>
										<a href="//sale.jd.com/act/pQua7zovWdJfcIn.html" target="_blank">出版物经营许可证</a><span class="mod_copyright_split">|</span>
										<a href="//misc.360buyimg.com/wz/wlwhjyxkz.jpg" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a><span class="mod_copyright_split">|</span><span>违法和不良信息举报电话：4006561155</span></p>
									<p><span>Copyright&nbsp;©&nbsp;2004&nbsp;-&nbsp;2018&nbsp;&nbsp;京东JD.com&nbsp;版权所有</span><span class="mod_copyright_split">|</span><span>消费者维权热线：4006067733</span>
										<a class="mod_copyright_license" href="//sale.jd.com/act/7Y0Rp81MwQqc.html" target="_blank">经营证照</a><span class="mod_copyright_split">|</span><span>(京)网械平台备字(2018)第00003号</span><span class="mod_copyright_split">|</span>
										<a class="mod_business_license" href="//img20.360buyimg.com/uba/jfs/t24718/66/559330011/882232/4cf35258/5b73f0afNe32c9f97.jpg" target="_blank">营业执照</a>
									</p>
								</div>
								<div class="mod_copyright_inter">
									<p>
										<a class="mod_copyright_inter_lk" href="//www.joybuy.com/?source=1&amp;visitor_from=3" target="_blank"><i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>Global Site</a><span class="mod_copyright_split">|</span>
										<a class="mod_copyright_inter_lk" href="//www.jd.ru/?source=1&amp;visitor_from=3" target="_blank"><i class="mod_copyright_inter_ico mod_copyright_inter_ico_rissia"></i>Сайт России</a><span class="mod_copyright_split">|</span>
										<a class="mod_copyright_inter_lk" href="//www.jd.id/?source=1&amp;visitor_from=3" target="_blank"><i class="mod_copyright_inter_ico mod_copyright_inter_ico_indonesia"></i>Situs Indonesia</a><span class="mod_copyright_split">|</span>
										<a class="mod_copyright_inter_lk" href="//www.joybuy.es/?source=1&amp;visitor_from=3" target="_blank"><i class="mod_copyright_inter_ico mod_copyright_inter_ico_spain"></i>Sitio de España</a><span class="mod_copyright_split">|</span>
										<a class="mod_copyright_inter_lk" href="//www.jd.co.th/?source=1&amp;visitor_from=3" target="_blank"><i class="mod_copyright_inter_ico mod_copyright_inter_ico_thailand"></i>เว็บไซต์ประเทศไทย</a>
									</p>
								</div>
								<div class="mod_copyright_subsites">
									<p><span>京东旗下网站：</span>
										<a href="https://www.jdpay.com/" target="_blank">京东钱包</a><span class="mod_copyright_split">|</span>
										<a href="http://www.jcloud.com " target="_blank">京东云</a>
									</p>
								</div>
							</div>
							<p class="mod_copyright_auth">
								<a class="mod_copyright_auth_ico mod_copyright_auth_ico_2" href="https://ss.knet.cn/verifyseal.dll?sn=2008070300100000031&amp;ct=df&amp;pa=294005" target="_blank">可信网站信用评估</a>
								<a class="mod_copyright_auth_ico mod_copyright_auth_ico_3" href="http://www.bj.cyberpolice.cn/index.do" target="_blank">网络警察提醒你</a>
								<a class="mod_copyright_auth_ico mod_copyright_auth_ico_4" href="https://search.szfw.org/cert/l/CX20120111001803001836" target="_blank">诚信网站</a>
								<a class="mod_copyright_auth_ico mod_copyright_auth_ico_5" href="http://www.12377.cn/" target="_blank">中国互联网举报中心</a>
								<a class="mod_copyright_auth_ico mod_copyright_auth_ico_6" href="http://www.12377.cn/node_548446.htm" target="_blank">网络举报APP下载</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</div>	
</body>
</html>